<?php 
	include "header.html";
	include "mensaje.php";
	$idMatriceria=$_GET["id"];
	if ($idMatriceria==null){
		$idMatriceria=0;
	}
?>
<script type="text/javascript" src="framework/js/util.js"></script>
<script type="text/javascript" src="framework/js/DB.js"></script>
<script type="text/javascript" src="framework/js/selectboxes.js"></script>
<!--link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css"/-->
<script src="js/table/jquery.dataTables.min.js"></script>
<script src="js/jquery-ui/jquery.ui.datepicker.min.js"></script>
<script type="text/javascript" src="js/jquery-ui/jquery.ui.dialog.min.js"></script>  

<script>
var maquinas;
var estados;
var tipos;

$(document).ready(function(){
	jQuery.ajaxSetup({async:false});
	maquinas=makeCombo("elementoDiv","maquina","maquina","descripcion","");
	estados=makeCombo("containerEstado","item_estado","matriceria_item_estado","descripcion","");
	tipos=makeCombo("containerTipo","item_tipo","matriceria_item_tipo","descripcion","generaNumeroItem");
	cargaComboTipos(1);
	cargaInicial( <?php echo $idMatriceria?>);
	bloqueaLetras("nroMatriceria");
	bloqueaLetras("cotaMinimo");
	bloqueaLetras("cotaMaximo");
	$("#item_tipo").sortOptions();
});

function cargaComboTipos(matriz){
	var params={};
	params["matriz"]=matriz;
	makeComboWithFilter("containerTipo","item_tipo","matriceria_item_tipo","descripcion","generaNumeroItem",params);	
}


function generaNumeroItem(){
	var params={};
	params["id"]=$("#item_tipo").val();
	var row=load("matriceria_item_tipo",params);
	var prefix=row.rows[0].prefijo;
	var params={};
	params["idMatriceria"]=$("#idMatriceriaWork").val();
	params["idTipo"]=row.rows[0].id;
	items=count("matriceria_item",params);
	var numero;
	if ((items+1)<10){
		numero="00"+(items+1);
	}else if((items+1)>=10 && items<100){
		numero="0"+(items+1);
	}else{
		numero=(items+1);
	}
	$("#codigoItem").val($("#nroMatriceria").val() + "-" + prefix + numero);	
}

function generaNombreCota(){
	var params={};
	params["idItem"]=$("#idItemWork").val();	
	cotas=count("matriceria_item_cota",params);
	$("#nombreCota").val(listaCotas()[cotas]);
}

function cargaInicial(id){
	if (id>0){
		obj=armaTablaItems(id);		
		$("#idMatriceriaWork").val(id);
		$("#detalleMatriceriaDiv").show();		
		$("#btnNuevo").hide();		
		var params = {"id":id};
		row=load("matriceria",params);
		$("#nroMatriceria").val(row.rows[0].numero);
		$("#maquina").val(row.rows[0].idMaquina);												
		obj.fnAdjustColumnSizing();		
	}	
}

function borrarItem(idItem){
	confirmaBorra("Esta seguro de eliminar este Item y todos sus componentes?","borraItem",idItem);
}
function borraItem(id){
	erase("matriceria_item",id);
	armaTablaItems($("#idMatriceriaWork").val());
	$.unblockUI();
	cancelarItem();
}

function guardaHeaderMatriceria(){
	var idMatriceria;
	if ($("#nroMatriceria").val()!=""){	
		if (!checkExist("matriceria","numero",$("#nroMatriceria").val())){			
			var params = {}; 
			params["numero"]=$("#nroMatriceria").val();
			params["idMaquina"]=$("#maquina").val();
			params["baja"]=0;
			idMatriceria=save("matriceria",params);
	
			$("#idMatriceriaWork").val(idMatriceria);
			armaTablaItems(idMatriceria);	
			$("#detalleMatriceriaDiv").slideDown(300);
		}else{
			alert("El Numero " + $("#nroMatriceria").val() + " ya fue creado con anterioridad");
		}
	}
}
function guardaItemMatriceria(){
	var codigo=$("#codigoItem").val();
	var estado=$("#item_estado").val();
	var tipo=$("#item_tipo").val();
	var idMatriceria=$("#idMatriceriaWork").val();
	var nuevoId;
	var params = {}; 	
	if (estado>0){
		if (tipo>0){
			params["idTipo"]=tipo;
			params["idEstado"]=estado;
			params["codigo"]=codigo;
			params["idMatriceria"]=idMatriceria;
			params["fechaAlta"]= ahora()	;
			nuevoId=save("matriceria_item",params);
			$("#codigoItemSpan").html(codigo);
			$("#idItemWork").val(nuevoId);
			armaTablaItems(idMatriceria);
			//armaTablaCotas(nuevoId);	
			//$("#cotasItemDiv").slideDown(300);				
			$("#item_estado").val(0);
			$("#codigoItem").val("");
			$("#item_tipo").val(0);
			generaNombreCota();
			
		}else{
			$("#errorTipo").fadeIn(500).delay(2000).fadeOut(300);
		}
	}else{
		$("#errorEstado").fadeIn(500).delay(2000).fadeOut(300);
	}

}
function armaTablaItems(id){
	var ret;

	var params={};
	params["idMatriceria"]=id;
	items=load("matriceria_item",params)

	var str="<table id='itemsT'><thead><th>Fecha</th><th>Codigo</th><th>Estado</th><th>Tipo</th><th>Opciones</th></thead><tbody>";
	for (x=0;x<items.rowCount;x++){
		var obj=items.rows[x];		
		str += "<tr><td>" + obj.fechaAlta + "</td><td>" + obj.codigo + "</td><td>" + estados[obj.idEstado] + "</td><td>" + tipos[obj.idTipo] + "</td><td><a href='javascript:editarItem(" + obj.id + ",\"" + obj.codigo + "\"," + obj.idEstado + "," + obj.idTipo + ",\"" + obj.planoURL + "\")'>Editar</a>    <a href='javascript:borrarItem(" + obj.id + ")'>Borrar</a></td></tr>";
	}			
	str+="</tbody></table>";
	$("#containerItems").html(str);
	ret=setTableSingle("itemsT",1,"100px");
		
	return ret;
}
function armaTablaCotas(id){
	var ret;
	var params={};
	params["idItem"]=id;
	cotas=load("matriceria_item_cota",params)

	var str="<table id='cotasItemT'><thead><th>Cota</th><th>Minimo</th><th>Maximo</th><th>Opciones</th></thead><tbody>";
	for (x=0;x<cotas.rowCount;x++){
		var obj=cotas.rows[x];
		str += "<tr><td>" + obj.nombre + "</td><td>" + obj.minimo + "</td><td>" + obj.maximo + "</td><td><a href='javascript:editarCota(" + obj.id + ",\"" + obj.nombre + "\"," + obj.minimo + "," + obj.maximo +  ")' >Editar</a>    <a href='editar'>Borrar</a></td></tr>";
	}			
	str+="</tbody></table>";
	$("#containerCotasItem").html(str);
	ret=setTableSingle("cotasItemT",1,"100px");
	cancelarEditarCota();
	return ret;
}

function editarCota(id,nom,min,max){
	$("#nombreCota").val(nom);
	$("#cotaMinimo").val(min);
	$("#cotaMaximo").val(max);
	$("#idCotaWork").val(id);	
	$("#btnCancelarCota").show();
}
function cancelarEditarCota(){
	$("#btnCancelarCota").hide();
	$("#nombreCota").val("");
	$("#cotaMinimo").val("");
	$("#cotaMaximo").val("");
	$("#idCotaWork").val("");
	generaNombreCota();
}

function guardaCota(){
	var nombreCota=$("#nombreCota").val();
	var minimoCota=$("#cotaMinimo").val().replace(",",".");
	var maximoCota=$("#cotaMaximo").val().replace(",",".");
	var idItem=$("#idItemWork").val();
	var idCota= $("#idCotaWork").val();	
	if (minimoCota>0){
		if (maximoCota>0){
			if (minimoCota<maximoCota){
				var params={};
				params["nombre"]=nombreCota; 
				params["minimo"]=minimoCota;
				params["maximo"]=maximoCota;			
				if (idCota!=""){							
					updateById("matriceria_item_cota",params,idCota);
					$("#idCotaWork").val("");
				}else{
					params["idItem"]=idItem;
					save("matriceria_item_cota",params);
				}
				armaTablaCotas(idItem);
				$("#cotaMinimo").val("");
				$("#cotaMaximo").val("");
				generaNombreCota();
			}else{
				$("#errorMaximo").fadeIn(500).delay(2000).fadeOut(300);
				$("#errorMinimo").fadeIn(500).delay(2000).fadeOut(300);
			}
		}else{
			$("#errorMaximo").fadeIn(500).delay(2000).fadeOut(300);
		}
	}else{
		$("#errorMinimo").fadeIn(500).delay(2000).fadeOut(300);
	}
}

function cancelarItem(){
	$("#item_tipo").attr("disabled",false);
	$("#item_estado").attr("disabled",false);
	$("#idItemWork").val(null);
	$("#codigoItem").val("");
	$("#item_estado").val(0);
	$("#item_tipo").val(0);	
	$("#cotasItemDiv").hide();
	$("#btnNuevoItem").attr("disabled",false);
	$('input:radio').attr("disabled",false);
}

function editarItem(idItem,codigo,estado,tipo,plano){
	$("#codigoItem").val(codigo);
	$("#item_estado").val(estado);
	$("#item_tipo").val(tipo);
	$("#item_tipo").attr("disabled",true);
	$("#item_estado").attr("disabled",true);
	$("#idItemWork").val(idItem);
	$('input:radio').attr("disabled",true);
	obj=loadById("matriceria_item",idItem);
	plano=obj.planoURL;	
	
	if (!checkMatriz(tipo)){ // SI TIENE COTAS  
		$("#cotasItemDiv").show();
		$("#cotaMinimo").val("");
		$("#cotaMaximo").val("");
		obj=armaTablaCotas(idItem);
		obj.fnAdjustColumnSizing();
		generaNombreCota();	
		if (plano!="null" && plano!=null && plano!=""){
			$("#planoURL").html(plano + " <BR> <a href=\"file://///" + plano + "\" target='_blank'> Ver </a> | <a href='javascript:adjuntarPlano()'> Cambiar </a>");
		}else{
			$("#planoURL").html("<a href='javascript:adjuntarPlano()'>Adjuntar Plano ...</a>");
		}
	}else{
		$("#cotasItemDiv").hide();
	}
	$("#codigoItemSpan").html(codigo);	
	$("#btnCancelarItem").attr("disabled",false);
	$("#btnNuevoItem").attr("disabled",true);
	cancelarEditarCota();
}

function actualizaBrowser(path){
	$("#browserPlanos").load("readDir.php?path=" + path);
}
function adjuntarPlano(){
	$("#browserPlanos").load("readDir.php");
	$.blockUI({ 
        message: $('#browserPlanos'),
        overlayCSS: {cursor:'auto'},	
    	   css: {cursor:'auto',
        	     width:'600px',
        	     height:'auto',
        	     top:'10%',
        	     left:'20%',
        	     background:'#DCE5EA'}	
    }); 
}
function cerrarPopUp(){
	$.unblockUI();
}
function seleccionaArchivo(file){
	var params={};
	params["planoURL"]=file;
	updateById("matriceria_item",params,$("#idItemWork").val());
	$("#planoURL").html(file + " <BR> <a href=\"file://///" + file + "\" target='_blank'> Ver </a> | <a href='javascript:adjuntarPlano()'> Cambiar </a>");
	cerrarPopUp();
}
</script>
		<input type="hidden" id="idItemWork"/>
		<input type="hidden" id="idCotaWork"/>
		<input type="hidden" id="idMatriceriaWork"/>		
<?php 
	include "menuMatriceria.html";
?>
        <div class="container_12">
           <div class="grid_10">
            	<div class="box round first">
                <h2>AMB de Matriceria</h2>
                	<div class="block">
                        <table class="form">
                        <tr>
                            <td class="col1Horizontal"><label>Numero</label></td>
                            <td class="col2Horizontal"><input type="text" id="nroMatriceria" /></td>
                            <td class="col1Horizontal"><label>Maquina</label></td>
                            <td class="col2Horizontal"><span id="elementoDiv"></span></td>
                            <td class="col1Horizontal">
                                <button class="btn btn-small" id="btnNuevo" onclick="guardaHeaderMatriceria()">Nuevo..</button>                                
                            </td>
                        </tr>
                   		</table>
					</div>
				</div> 
			</div>                  		
            <div id="detalleMatriceriaDiv" style="display:none">
            	<div class="grid_5">
					<div class="box round"><h2>Items</h2>
					   <div class="block">
						<table>
							<tr style="height: 35px;">
								<td class="col1Horizontal"><label>Codigo Item: </label></td>
								<td class="col1Horizontal"><input type="text" id="codigoItem" readonly="readonly" size="10"/><br></td>
							</tr>
							<tr style="height: 35px;">
								<td class="col1Horizontal"><label>Tipo Item: </label></td>
								<td class="col1Horizontal"><input type="radio" name="tipoItemRad" onclick="cargaComboTipos(1)" checked="checked">Matriz<input type="radio" name="tipoItemRad" onclick="cargaComboTipos(0)">Auxiliar</td>
							</tr>							
							<tr>
								<td class="col1Horizontal"><label>Estado</label></td>
	                      		<td class="col1Horizontal"><label>Tipo</label></td>
	                      	</tr>
							<tr>
								<td class="col2Horizontal"><div id="containerEstado"></div><span id="errorEstado" class="errorI">* Estado incorrecto</span></td>
	                      		<td class="col2Horizontal"><div id="containerTipo"></div><span id="errorTipo" class="errorI">* Tipo incorrecto</span></td>
	                            <td rowspan="2"  class="col1Horizontal">&nbsp; <button class="btn btn-small" id="btnNuevoItem" onclick="guardaItemMatriceria()">Guardar</button></td>                             
	                            <td rowspan="2"  class="col1Horizontal">&nbsp;<button class="btn btn-small" id="btnCancelarItem" disabled="disabled" onclick="cancelarItem()">Cancelar</button></td>                            
                            </tr>
	                     </table>
	                     <div id="containerItems"></div>
					   </div>
					</div>
              	</div>
             </div>
             <div id="cotasItemDiv" style="display:none">
            	<div class="grid_5">
					<div class="box round"><h2>Cotas: <span id="codigoItemSpan"></span></h2>
					   <div class="block">						
						<div id="plano">
						<table width="99%">
						<tr><td width="15%">Plano: </td><td><div id="planoURL"></div></td>
						</tr>
						</table>						
						</div>		
					   	<table  style="width:99%">
							<tr>
								<td class="col1Horizontal"><label>Cota</label></td>
								<td class="col1Horizontal"><label>Valor Minimo</label></td>
	                      		<td class="col1Horizontal"><label>Valor Maximo</label></td>
                      		</tr>
							<tr>
								<td class="col2Horizontal"><input type="text" id="nombreCota" size="2" readonly="readonly"/></td>
								<td class="col2Horizontal"><input type="text" id="cotaMinimo" size="7"/></td>
	                      		<td class="col2Horizontal"><input type="text" id="cotaMaximo" size="7"/></td>
                            	<td rowspan="2" >
                            		<button class="btn btn-small" id="btnNuevaCota" onclick="guardaCota()">Guardar</button>
                            		<button class="btn btn-small" style="display:none;" id="btnCancelarCota" onclick="cancelarEditarCota()">Cancelar</button>                            	
                            	</td>                           
                            </tr>
                            <tr>
								<td>&nbsp;</td>
	                            <td class="col2Horizontal"><span id="errorMinimo" class="errorI">* Valor Incorrecto</span></td>
	                      		<td class="col2Horizontal"><span id="errorMaximo" class="errorI">* Valor Incorrecto</span></td>                            
                            </tr>
	                     </table>
	                     <div id="containerCotasItem"></div>	                     
					   </div>
					</div>
              	</div>
             </div>
             <div id="propiedadesItemDiv" style="display:none">
            	<div class="grid_5">
					<div class="box round"><h2>Propiedades: <span id="codigoItemSpan"></span></h2>
					   <div class="block">						
						<table>
							<tr>
								<td class="col1Horizontal"><label>Cantidad: </label></td>
								<td class="col1Horizontal"><input type="text" id="cantidadItem"  size="3"/><br><br></td>
							</tr>
	                     </table>	                     
					   </div>
					</div>
              	</div>
             </div>
             <div id="browserPlanos" style="display:none;">
             
             </div>
             
          </div>
          

    <?php include "footer.html"?>